diff --git a/src/components/CreatePool/AssetOptions.tsx b/src/components/CreatePool/AssetOptions.tsx
index b1d4c05..b80794f 100644
--- a/src/components/CreatePool/AssetOptions.tsx
+++ b/src/components/CreatePool/AssetOptions.tsx
@@ -27,10 +27,11 @@ const AssetPanelContainer = styled.div`
 
 const AssetPanel = styled.div`
     display: flex;
+    flex-grow: 1
     align-items: center;
     justify-content: center;
     flex-direction: column;
-    width: 184px;
+    width: 33%;
     height: 98px;
     cursor: pointer;
     border-right: 1px solid var(--panel-border);
diff --git a/src/components/Filters/AssetOptions.tsx b/src/components/Filters/AssetOptions.tsx
index 6439aa7..9522cd0 100644
--- a/src/components/Filters/AssetOptions.tsx
+++ b/src/components/Filters/AssetOptions.tsx
@@ -28,10 +28,11 @@ const AssetPanelContainer = styled.div`
 
 const AssetPanel = styled.div`
     display: flex;
+    flex-grow: 1
     align-items: center;
     justify-content: center;
     flex-direction: column;
-    width: 184px;
+    width: 33%;
     height: 98px;
     cursor: pointer;
     border-right: 1px solid var(--panel-border);